import {Steps, TabItem, Tabs} from "@astrojs/starlight/components";

import FlattenedSteps from "../../components/FlattenedSteps.astro";
import DesktopToggleSidebarTip from "../include/_DesktopToggleSidebarTip.mdx";
import MobileSwitchAccount from "../include/_MobileSwitchAccount.mdx";

<Tabs>
  <TabItem label="Mobile">
    <FlattenedSteps>
      <MobileSwitchAccount />

      1. Tap on the desired Zulip organization.
    </FlattenedSteps>
  </TabItem>

  <TabItem label="Desktop">
    <Steps>
      1. Click on a logo in the **organizations sidebar** on the left, or choose
         an organization from the **Window** menu in the top menu bar.
    </Steps>

    <DesktopToggleSidebarTip />
  </TabItem>

  <TabItem label="Web">
    You can log in to multiple Zulip organizations by opening multiple tabs, and
    logging into one Zulip organization in each tab. To switch Zulip organizations,
    just switch tabs.
  </TabItem>
</Tabs>
